<template>
  <div class="card-wrapper w-full h-1/5 rounded-l px-2 py-2 mt-1.5">
    <div class="w-full h-full flex items-center justify-around">
      <info-cell label="收料单号" :value="data.docNo"/>
      <info-cell label="收料单日期" :value="data.docDate"/>
      <info-cell label="入库单号" :value="data.instockCode"/>
      <info-cell label="入库单日期" :value="data.docDate1"/>
      <info-cell label="处理时长" :value="`${data.processinTime}分钟`"/>
    </div>
  </div>
</template>

<script setup>
import { defineProps } from 'vue'
import InfoCell from './InfoCell.vue'

defineProps({
  data: {
    type: Object,
    required: true
  }
})
</script>

<style scoped lang="scss">
@forward '@/styles/components/card';
</style>
